/* Write your styles */ ul,li,dl,dt,dd,h1,h2,h3,p{ list-style:none; margin:0; padding:0;} a{text-decoration: none;transition: all .1s linear; color:#404040;} a:hover{color:#719ff1;} html{ background:#fafafa;} body{ font-size:14px;min-width: 1200px;color:#404040; max-width:1920px; background:#fff;box-shadow: 0px 1px 3px #c8c8c8; margin:0 auto;} .am-container{max-width: 1136px;} .browsehappy{ position:fixed; width:100%; top:0; left:0; z-index:999; background:#F63; color:#fff; margin:0; padding:10px;} /*图标字体*/ @font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1539396657309'); /* IE9*/ src: url('../fonts/iconfont.eot?t=1539396657309#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAggAAsAAAAACxwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY7lEjlY21hcAAAAYAAAAB2AAABwJuCmD1nbHlmAAAB+AAABAgAAASgatKZXWhlYWQAAAYAAAAAMQAAADYS3y5daGhlYQAABjQAAAAgAAAAJAfPA4dobXR4AAAGVAAAABEAAAAYGAD/8WxvY2EAAAZoAAAADgAAAA4DsAKqbWF4cAAABngAAAAfAAAAIAEYAHxuYW1lAAAGmAAAAUUAAAJtPlT+fXBvc3QAAAfgAAAAPwAAAFAA8oiOeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeSj77wNzwv4EhhrmZoRUozAiSAwDxOgzzeJztkcsNhDAMRJ8DWa0QDdAApz1AC5y3Fk60jM/pIOsPZexEL7JHkSONgQoMxscYQS4E12muhD8whT9yWD/xplDuRVfdtfUOUW9ZPxJ752eOqT6p+E/y4q857u/TVc8v8fx1TXwnuiW+B90TyxFtCfUH6JAc2wAAeJwlU0tvG1UUvufeefgVO/bYM8R2Bo+dzMSxM0lszzgPY5OH44YOVepMgiEtbXBKSlQErUiIAEWVUCWyC4uyROIhkIKCugGRLhA/ICxYVGJPoVKARSXoAuQxd4I0OkfnnHvvOfN950MEoe4XZAcfoTjKoBxCgzpoqmaWzZKa5qKSKHF8EPMxxSiBWoWCGOXShFYLtEJeSrZnk4lUvPL24W4lriSTM+0JwA+c8RzYO7a989hvvfBPywosz7T7A1woXjnc3f1qOh7iAv3tO4up1HOwldtZWdlZce5unW+1zm8hxNB59sg9soeyyEAX0RWEoCDJWIpyPBcCjnc9P57mVU0HQx2FM1+iE5VNoQplOn0QeBkEaqOiJD4NIpJkKItmpAZmuQqGDiStY4OelUEKAjjP1+dfm4BknGBCcG29vsBy5xobz9IAk0Ri0ijNLVj1NYC1+vwaxmvz3/3NpGTiJRpwYV9fj6h0BxgPI6fYv46jan8vTOXzUwBTZE5Obu1bpVfyHEsIA/MbjQXcaGzUgWEwx+bbRWvfLCXlzq94rV53X3atzT45rt4cD3jJqPNvr5dncArYPOP1F29Vjp90TkPyYOzsedoEoTO8ECKb+BEiiEd+JCMkKDEFwkq47Hr6my4gGYoLL0oZyuPX+PPOJXyjc9KEA+dN2BRSoWZoUDgQhiRLl0/wCf7Nct6BknPy6G4XJeY1WV9SR5fTcqNmWchD+TkmH5Ma7SUhBY2gBlpBbfQG7VsFygUfBIkTKbAu6kUjEwSaL6l0iKjIipQlVVMphaLg7hndrbMLLkEFU3S9qbLusDpQrqSiIQk0KhvFmAzTYBTd6/83qMIv9TDHPDM2mQbP1D3CMr40LpYjgpU1zeywaUKvOcuzxtDQIs9lHrLbZv2jjLLoDW0G4pc53Lr9IvbdLyoTztFedgCTABubZeYmf/8wG8XTJAKV2o8wWq3RyqBlSXA99lafsgCBVzn9xg9cItgfhPc4Ee7gC9sXAKjxk6auL/lZO19Ycj7D18+tJyeNmtd77VJrgIGngtgTWX356n2fSplXy/24Cc5PPRr+5MDPf/qgr8mQ1ZHcRfDcPKOz+7j7LumS91GeKqCJEMsNaCqm+0uVAHSjXSFQsEgNuzp0E7zqqoNuc5qWIi6OVaDnR7FKY1ci9KOx4eoFiHfJ6Ryd6tVl0RR9ee1qGATbE0kq9mXTF56hSY/2QQQEAD5UCTU6twDsbP7nwz+n8mPMKgD+loHl3DVzrDWQzGs2wMa5IDy8zWwfdaBeXo3FPLnhK6IRW/YOZYZtK+ONzMZi/NC+aEaBeHorvQnyPbYV54/TLzdZELhVDPgbhrHVwrja0uX1EZsmNhZ7Oq+j/wDEvuOJeJxjYGRgYADirm/mGvH8Nl8ZuFkYQOD681JDGP3/4/9qFgbmZiCXg4EJJAoATpMMVgAAAHicY2BkYGBu+N/AEMPC8P8jAwMLAwNQBAWwAQB0mwRfeJxjYWBgYMHA/z8CAARXAgkAAAAAAAAAAEgA4AEYAcoCUAAAeJxjYGRgYGBjKGDgYAABJiDmAkIGhv9gPgMAFJQBlQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICNkYmRmZGFkZWRjZGdgbkoNY81JbMqI5MtJb80KTGPNSkxM6WUPSUzMS+jNJGBAQDFDgsDAA==') format('woff'), url('../fonts/iconfont.ttf?t=1539396657309') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1539396657309#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ren:before { content: "\e630"; } .icon-dizhi:before { content: "\e631"; } .icon-douban:before { content: "\e626"; } .icon-baidu:before { content: "\e519"; } .icon-dianhua:before { content: "\e6f0"; } .ue-pd{ padding:80px 0;} .bd_weixin_popup .bd_weixin_popup_main{ } .bd_weixin_popup{ height:300px !important;} /*头部*/ .top{ height:36px; line-height:36px; border-bottom:1px solid #f1f2f2; overflow:hidden;} .top .top-tel span{ margin-right:25px; color:#b3b3b4; font-size:14px;} .top .top-tel span i{ margin-right:4px; font-size:16px;} .top .top-tel span i.am-icon{ font-size:15px;} .top .search{ height:36px; position:relative; float:left;} .top .search .sbt{color:#b3b3b4; position:absolute; right:0; top:0;} .top .search .serbox{ position:absolute; background:#fff; right:0; top:5px; z-index:9; height:26px; width:0; overflow:hidden; opacity:0; border-radius:20px; border:1px solid #f1f2f2;transition: all .6s linear;} .top .search .serbox.show{ width:180px; opacity:1;} .top .search .serbox .am-bbtn{ position:absolute; right:5px; top:0; opacity:0; border:none; background:none;outline:none; color:#b3b3b4;transition: all .6s linear;} .top .search .serbox.show .am-bbtn{ opacity:1;} .top .search .serbox .am-form-field{ position:relative; padding:2px 15px; left:-2px; top:-3px; height:30px; width:102%; font-size:12px;} .top .fenx{ margin-left:15px;} .top .fenx .bdsharebuttonbox{ height:36px;} .top .fenx .bdsharebuttonbox a{ background:url(../images/kb.png); font-size:16px; width:16px; height:36px; line-height:36px; padding:0; margin:0 15px;color:#b3b3b4;} .top .fenx .bdsharebuttonbox a i{pointer-events: none;} .top .fenx .bdsharebuttonbox a i.am-icon-qq{ font-size:15px;} /*导航*/ .nav { height:90px; line-height:90px;} .nav ul li {position: relative; float: left;-webkit-perspective: 100px; -moz-perspective: 100px; -ms-perspective:100px; perspective:100px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;z-index: 999;} .nav ul li a {display: block;padding: 0 18px;font-size: 16px;color: #333; position:relative;} .nav ul li:hover>a{color:#719ff1;}.nav ul li.active>a{color:#333;} .nav ul li:hover>a:after{ content:""; display:block; width:40px; height:4px; background:#719ff1; position:absolute; top:86px; left:50%; margin-left:-20px;} .nav ul li.active>a:after{ content:""; display:block; width:40px; height:4px; background:#719ff1; position:absolute; top:86px; left:50%; margin-left:-20px;} .nav ul li .childer {position: absolute;transition: all .3s linear;width:180px; margin-left:-13px;height: auto;top: 90px;left: 0; padding-bottom: 5px;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; -webkit-transform-origin: 0px 0px; margin:0; -moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg);-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;-ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 9999; opacity:0;} .nav ul li:hover .childer { opacity:1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg); transform: rotateX(0deg);background:#719ff1;} .nav ul li .childer a { height: 35px; line-height: 35px; text-align:left; display:block; color: #fff; padding:0 10px;border-left-width: 2px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; border-style: solid; border-color: transparent;overflow: hidden;} .nav ul li .childer a:hover{ background:#fff; border-left:2px solid #719ff1;color:#719ff1;} .nav ul li .childer li{ float:none;} /*banner*/ .apple-banner{width:100%;height:700px;overflow:hidden; background:#f3f3f3;} .apple-banner .swiper-container{margin-top:-40px;width:100%;height:700px} .apple-banner .arrow-left{position:absolute;left:0;top:0;width:15%;height:100%;z-index:999} .apple-banner .arrow-left span{margin-top:-32px;display:block;left:20px;top:50%;position:absolute;width:64px;height:64px;border-radius:100%;background:rgba(180,180,180,.25) url(../images/arrows.png) no-repeat center 17px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease} .apple-banner .arrow-left:hover span{opacity:.6} .apple-banner .arrow-right{position:absolute;right:0;top:0;width:15%;height:100%;z-index:999} .apple-banner .arrow-right span{margin-top:-32px;display:block;right:20px;top:50%;position:absolute;width:64px;height:64px;border-radius:100%;background:rgba(180,180,180,.25) url(../images/arrows.png) no-repeat center -71px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease} .apple-banner .arrow-right:hover span{opacity:.6} .apple-banner .pagination{position:absolute;left:0;text-align:center;bottom:30px;width:100%} .apple-banner .pagination li{display:inline-block;width:50px;height:30px;margin:0 3px;cursor:pointer} .apple-banner .pagination li span{width:50px;height:2px;display:block;background:rgba(255,255,255,.6)} .apple-banner .pagination li span i{background:#719ff1;height:2px;display:block;opacity:0} .apple-banner .pagination .current span i,.apple-banner .pagination .firstCurrent span i{transition:all .5s ease;opacity:1} .apple-banner .pagination .click span{background:#719ff1} .apple-banner .pagination .click span i{display:none} .apple-banner .autoplay li span i{transform:scaleX(0);transform-origin:0;opacity:1} .apple-banner .autoplay .firstCurrent span i{transform:scaleX(1);transition:all 3s linear} .apple-banner .autoplay .current span i{transform:scaleX(1);transition:all 4s linear} .apple-banner .autoplay .replace span{background:#719ff1} .apple-banner .autoplay .replace span i{transform:scaleX(0)} .apple-banner .slide1{background-size:auto 100%} .apple-banner .slide1 .title{text-align:center;top:50%;font-weight:400;color:#fff; position:relative; margin-top:-66px;} .apple-banner .slide1 .title h2{ font-size:48px; font-weight:normal;} .apple-banner .slide1 .title p{ font-size:24px; font-weight:normal;} .apple-banner .slide2{background-size:auto 100%} .apple-banner .slide2 .title{text-align:center;top:50%;font-weight:400;color:#fff; position:relative; margin-top:-66px;} .apple-banner .slide2 .title h2{ font-size:48px; font-weight:normal;} .apple-banner .slide2 .title p{ font-size:24px; font-weight:normal;} .apple-banner .slide3{background-size:auto 100%} .apple-banner .slide3 .title{text-align:center;top:50%;font-weight:400;color:#fff; position:relative; margin-top:-66px;} .apple-banner .slide3 .title h2{ font-size:48px; font-weight:normal;} .apple-banner .slide3 .title p{ font-size:24px; font-weight:normal;} .apple-banner .swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;} .apple-banner .swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .apple-banner .swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;} .apple-banner .swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .apple-banner .swiper-wp8-horizontal {-ms-touch-action: pan-y;} .apple-banner .swiper-wp8-vertical {-ms-touch-action: pan-x;} /*我们是谁*/ .ue-title{ text-align:center;} .ue-title h2{ font-size:28px; font-weight:normal;} .ue-title p{ font-size:14px; margin:5px 0;} .about-box{ margin-top:60px;} .v {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index:9999;display: none;} .v .v-new {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 700px;height: 400px;background-color: #000;margin: auto;} .v .v-new .close {position: absolute;right: 33px;top: 18px;width: 27px;height: 27px;background: url(../images/bg_btn02.png) no-repeat center;cursor: pointer;z-index: 10000;} .about-box .video{ width:40%; float:left; border-radius:16px; overflow:hidden; height:260px; background-color:#666; position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;transition: all .2s linear;} .about-box .video>img{ max-width:100%;transition: all 1s ease;} .about-box .video:after{ content:""; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.1); left:0; top:0; z-index:1;} .about-box .video .play{ width:32px; height:32px; position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px; z-index:2; cursor:pointer; opacity:.8;transition: all .2s linear; display:none;} .about-box .video .play:hover{ opacity:1;} .about-box .video:hover>img{transform: scale(1.1);} .about-box .about-txt{ width:54%; float:right;} .about-box .about-txt p{ letter-spacing:1px; line-height:30px;} .about-box .about-txt .abmore{ text-align:left; margin-top:15px;} .about-box .about-txt .abmore a{ color:#666;} .about-box .about-txt .tit{ font-size:18px; font-weight:bold; border-bottom:1px solid #eee; height:40px; margin-bottom:12px;} .about-box .about-txt .abmore a:hover{color:#719ff1;} .about-box .about-txt .vtit{ margin-top:80px;} .about-box .about-txt .hd{ position:relative; margin:0 -10px; padding-bottom:20px;} .about-box .about-txt .hd li,.about-box .about-txt .hd span{ display:inline-block;padding:0 10px; width:33.3%;} .about-box .about-txt .hd a{ display:block; padding:8px 10px; text-align:center; background:#f5f5f5; font-size:18px;} .about-box .about-txt .hd li.on a,.about-box .about-txt .hd a:hover{ background:#719ff1; color:#fff;} /*产品搜索*/ .search-pro{ background:#f5f5f5; padding:56px 0;} .search-pro .secpro{ width:280px; margin:60px auto 0 auto; position:relative;} .search-pro .secpro .am-form-field{ background:none; border-left:none;border-right:none;border-top:none;outline:none; border-bottom:2px solid #333; font-size:12px;box-shadow: none; } .search-pro .secpro .spbtn{position:absolute; right:5px; top:0; border:none; background:none;outline:none; color:#333; z-index:1;} .search-pro .secpro .am-form-field:-moz-placeholder,.search-pro .secpro .am-form-field::-moz-placeholder,.search-pro .secpro .am-form-field::-webkit-input-placeholder,.search-pro .secpro .am-form-field:-ms-input-placeholder{ font-weight:bold; opacity:1; font-size:18px;} #ulList{ position:absolute; left:0; top:28px; width:100%; background:#fff; height:180px; overflow-y:scroll; z-index:999; padding:10px 20px;} #ulList li{ height:32px; line-height:32px; cursor:pointer;} /*产品中心*/ .product{ background:url(../images/probg.jpg) center no-repeat #f0f1f3; background-size:cover; padding:70px 0 140px 0; position:relative;} .product .ue-title{ margin-bottom:70px;} .product-l{ width:200px; height:490px; background:#fff; float:left;} .product-l .product-tit{ padding:50px 0 0 30px;} .product-l .product-tit h2{ font-size:28px; font-weight:normal;} .product-l .product-tit p{ font-size:14px; display:block;} .product-l .hd{ padding:30px 0 0 30px;} .product-l .hd ul li{ line-height:36px; font-size:12px;} .product-l .hd ul li a{ color:#9d9e9e;} .product-l .hd ul li a i{ margin-right:15px;} .product-l .hd ul li.on a{ color:#444;} .product-r{ width:900px; float:right; position:relative; margin-right:-10px;} .product .product-r .arrow{ position:absolute; right:10px; top:-24px; } .product .product-r .arrow a{ display:block; width:30px; height:24px; float:right; overflow:hidden;cursor:pointer; background:rgba(113,159,240,.9); text-align:center; color:#fff;} .product .product-r .arrow .prev{ background:rgba(113,159,240,.6); } .product .product-r .arrow .prevStop{ background-position:-60px 0; } .product .product-r .arrow .nextStop{ background-position:-60px -50px; } .product .product-r .bd ul li:first-child{ width:590px; height:240px; background:#fff; overflow:inherit;position: relative;} .product .product-r .bd ul li{ width:290px; height:240px; background:#fff; margin:0 10px 10px 0; float:left; overflow:hidden;} .product .product-r .bd ul li:first-child .txt{ width:50%; float:left; display:block; padding:40px 30px 0 50px;} .product .product-r .bd ul li:first-child .txt h2{ font-size:28px; font-weight:normal; color:#444;} .product .product-r .bd ul li:first-child .txt h2 span{ font-size:16px; display:block;color:#444;} .product .product-r .bd ul li:first-child .txt p{ font-size:12px; color:#9d9e9e; border-top:2px solid #c7c8c8; padding-top:6px; margin-top:30px;} .product .product-r .bd ul li:first-child .img{ width:60%; float:right; position:absolute; top:0; right:0;} .product .product-r .bd ul li:first-child .img img{ max-width:100%; position:relative; top:-50px;} .product .product-r .bd ul li .txt{ display:none;} .product .product-r .bd ul li .img{ text-align:center; line-height:240px;} .product .product-r .bd ul li .img img{ max-width:100%;} .product .product-r .bd ul li:nth-child(4){ width:590px; height:240px; background:#fff; overflow:inherit;} .product .product-r .bd ul li:nth-child(4) .txt{ width:50%; float:right;display:block; padding:40px 50px 0 30px;} .product .product-r .bd ul li:nth-child(4) .img{ width:50%; float:left;} .product .product-r .bd ul li:nth-child(4) .txt h2{ font-size:28px; font-weight:normal; color:#444;} .product .product-r .bd ul li:nth-child(4) .txt h2 span{ font-size:16px; display:block;color:#444;} .product .product-r .bd ul li:nth-child(4) .txt p{ font-size:12px; color:#9d9e9e; border-top:2px solid #c7c8c8; padding-top:6px; margin-top:30px;} /*案例*/ .case-list{ margin-top:30px;} .case-list ul{ position:relative; margin-left:-5px; margin-right:-5px;} .case-list ul li{ width:210px; height:300px; margin:5px; float:left;} .case-list ul li a{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; } .case-list ul li a .txt{display: table;width: 100%;height: 100%; padding:0 15px; text-align:center; background:rgba(0,0,0,.5);transition: all .3s linear; opacity:0;} .case-list ul li a .txt span{display: table-cell;vertical-align: middle; position:relative; bottom:-50px;transition: all .3s linear;} .case-list ul li a .txt span h2{ font-size:18px; font-weight:normal; line-height:20px; margin-bottom:4px; color:#fff;} .case-list ul li a .txt span h3{ font-size:14px; font-weight:normal; color:#fff;} .case-list ul li a:hover .txt{ opacity:1;} .case-list ul li a:hover .txt span{ bottom:0;} .case-list ul li:nth-child(6){ width:430px;} /*首页修改后案例*/ .xxcase{ background:#f5f5f5;} .xxcase-list{ margin-top:30px;} .xxcase-list ul{ position:relative; margin-left:-5px; margin-right:-5px;} .xxcase-list ul li{ padding:5px;} .xxcase-list ul li i{ display:block; overflow:hidden; height:180px;} .xxcase-list ul li i img{ max-width:100%;transition: .6s .05s; min-height:180px;} .xxcase-list ul li a:hover img{transform: scale(1.1);} .xxcase-list ul li a .txt{ background:#fff; padding:10px; text-align:center;} .xxcase-list ul li a .txt h2{ font-size:18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .xxcase-list ul li a .txt span{ display:block; border-bottom:1px solid #ddd; color:#666; padding:4px 0 10px 0; margin-bottom:10px;} .xxcase-list ul li a .txt p{ text-align:left; color:#555; height:66px; overflow:hidden;white-space: pre-wrap;word-wrap: break-word;} .multipleColumn .hd { text-align:center; margin-bottom:20px; margin-top:20px; font-size:14px;} .multipleColumn .hd ul{ display:inline-block;} .multipleColumn .hd ul li{ display:inline-block; font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:2px;border:1px solid #898989; margin:0 2px; background:#fff; cursor:pointer;} .multipleColumn .hd ul li.on{ background:#719ff1; color:#FFF;} .multipleColumn .hd a{ display:inline-block;font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:2px;border:1px solid #898989; margin:0 2px; background:#fff; cursor:pointer; position:relative; } .multipleColumn .hd a i{ position:relative; top:-2px;} .zjjsbg{ width:100%; height:280px; background:url(../images/zjjsbg.jpg) center no-repeat #719ff1;} .zjjsbg .zjjslink{ width:306px; height:280px; text-align:center; padding-top:70px; text-align:center; float:left;} .zjjsbg .zjjslink img{ width:106px;} .zjjsbg .zjjslink p{ font-size:20px; font-weight:bold; margin:15px 0 25px 0;} .zjjsbg .zjjslink a{ display:inline-block; background:#719ff1; color:#fff; padding:8px 30px; font-size:14px; border-radius:30px;} .zjjsbg .zjjstxt{ float:left; color:#fff; margin-left:58px; padding-top:50px;} .zjjsbg .zjjstxt .tit{ font-size:36px; font-weight:bold;} .zjjsbg .zjjstxt .subtit{ font-size:20px; color:rgba(255,255,255,.8); margin-top:6px;} .zjjsbg .zjjstxt .jstel{ font-size:26px; padding: 38px 0 0 114px;} .yoius{ height:2239px; background:url(../images/ysbg.jpg) center no-repeat #f5f5f5;} .yoius .yoiustit{ text-align:center; padding-top:90px;} .yoius .yoiustit .tit{ font-size:28px;} .yoius .ysitem .box{ width:500px;} .yoius .ysitem .tit i{ width:74px; height:86px; text-align:center; font-style: normal; line-height:86px; color:#fff; font-size:38px; background:url(../images/ysnunbg.png) center no-repeat; display:block; float:left; margin-right:20px;} .yoius .ysitem .tit .ztit{ font-size:24px; font-weight:bold;} .yoius .ysitem .tit .ftit{font-size:24px; font-weight:bold; color:#719ff1;} .yoius .ysitem .txt{ padding-top:30px; padding-left:64px; font-size:16px;} .yoius .ysitem .txt ul li{ padding-bottom:20px; padding-top:20px; border-bottom:1px dashed #a7a7a7; padding-left:16px; position:relative;} .yoius .ysitem .txt ul li:after{ content: "\f0da"; display:block; position:absolute; left:0; top:20px; font-size:1.8rem;} .yoius .ysitem:after,.yoius .ysitem:before{ content:""; display:block; clear:both;} .yoius .ysitem.ysi1 .box{ padding-top:50px;} .yoius .ysitem.ysi2 .box{ float:right; padding-top:170px;} .yoius .ysitem.ysi3 .box{ padding-top:140px;} .yoius .ysitem.ysi4 .box{ float:right; padding-top:140px;} .yoius .ysitem.ysi5 .box{ padding-top:140px;} /*新闻*/ .news{ padding:50px 0;} .news-list{ margin-top:50px;} .news-list ul li{ padding:30px 0; border-bottom:1px solid #f5f6f6;transition: all .3s linear;} .news-list ul li a{ display:block; position:relative;transition: all .3s linear;} .news-list ul li a .btn-r{ position:absolute; display:block; font-size:32px; right:0; top:50%; color:#a1a2a2; margin-top:-25px;} .news-list ul li a .thumb{ width:200px; height:148px; float:left; margin-right:40px;transition: all .3s linear; overflow:hidden;} .news-list ul li a .thumb img{ max-width:100%;} .news-list ul li a .txt{ width:590px; float:left;} .news-list ul li:hover{ background:#719ff1} .news-list ul li a .txt strong{ font-size:36px; font-weight:normal;line-height:20px;} .news-list ul li a .txt strong span{ font-size:18px; margin-left:10px; } .news-list ul li a .txt h2{ font-size:16px; font-weight:normal; margin-top:20px;} .news-list ul li a .txt p{ font-size:12px; margin-top:10px;} .news-list ul li:hover .txt{ color:#fff;} .news-list ul li:hover .btn-r{ color:#fff;} .news-list ul li:hover .thumb{ float:right;} .newsmore{ text-align:center; margin-top:50px;} .newsmore a{ padding:8px 20px;transition: all .3s linear;} .newsmore a:before{ content:""; display:inline-block; width:34px; height:11px; background:url(../images/jt.png) 0 0 no-repeat;transition: all .3s linear; margin-right:10px;} .newsmore a:hover{ background:#719ff1; color:#fff;} .newsmore a:hover:before{background:url(../images/jt.png) 0 -11px no-repeat;} .bnew{ padding-top:35px;} .bnew .firnew{ width:48%; float:left;} .bnew .firnew a{ display:block;} .bnew .firnew a i{ height:184px; display:block; overflow:hidden;} .bnew .firnew a i img{ width:100%;} .bnew .firnew a .tit{ font-size:16px; padding: 15px 0;} .bnew .firnew a .tit font{ width:80%; float:left; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .bnew .firnew a .tit span{ float:right; color:#888;} .bnew .firnew a .info{ color:#888;} .bnewli{ width:46%; float:right;} .bnewli ul li{ padding:15px 0; border-bottom:1px solid #eee;} .bnewli ul li:after,.bnewli ul li:before{ content:""; display:block; clear:both;} .bnewli ul li .date{ width:56px; text-align:center; float:left; margin-right:10px;} .bnewli ul li .date span{ font-size:22px; display:block; color:#888;} .bnewli ul li .date em{ display:block; font-style:normal; color:#888; font-size:18px; color:#bbb;} .bnewli ul li .tit{ font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:10px;} .bnewli ul li .note{ font-size:14px; color:#888;} /*产品类目*/ .proclass{ padding-bottom:50px;} .proclass ul{ position:relative; margin-left:-5px; margin-right:-5px;} .proclass ul li{ padding:5px;} .proclass ul li .thumb a{ display:block;} .proclass ul li .thumb a i{ display:block; height:128px; overflow:hidden; position:relative;} .proclass ul li .thumb a i img{ max-width:100%;} .proclass ul li .thumb a span{ width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; opacity:0; display:block; left:0; top:0;transition: all .3s linear;} .proclass ul li .thumb a span:after{ width:29px; height:29px; content:""; display:block; position:absolute; background:url(../images/icon_jia.png) center no-repeat; left:50%; top:30%; margin:-15px 0 0 -15px;transition: all .3s linear;} .proclass ul li .thumb a h3{ font-size:14px; color:#444; font-weight:normal; padding:8px 0 10px 0; border-bottom:1px solid #cfcec8;} .proclass ul li h2{ margin-top:10px;} .proclass ul li h2 a{ font-size:12px; font-weight:normal; padding:2px 15px; border-radius:20px; background:#719ff1; color:#fff; display:inline-block;transition: all .3s linear;} .proclass ul li h2 a i{ margin-left:5px;} .proclass ul li:hover .thumb a span{ opacity:1;} .proclass ul li:hover .thumb a span:after{ top:50%;} .proclass ul li:hover h2 a{ background:#121212;} /*荣誉*/ .rongyu{ background:#f7f8f9;} .ry-list{ margin-top:30px; height:240px; overflow:hidden;} .ry-list ul{ text-align:center;} .ry-list ul li{ display:inline-block; margin:0 20px; width:auto !important;} .ry-list ul li img{ height:240px; width:auto;} /*底部*/ .footer{ padding:30px 0; background:url(../images/foot-bg.jpg) center no-repeat #f0f0f0;} h2.foot-tit{ font-size:18px; font-weight:normal; margin-bottom:10px;} h2.foot-tit a{ color:#444;} .footer .foot-list ul li{ line-height:30px; font-size:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .footer .fotnav{ width:175px; float:left;} .footer .fotlink{ width:220px; float:left; min-height:100px;} .footer .fotnew{ width:340px; float:right;} .foot-lx{ width:300px; float:left;} .foot-lx ul li{ line-height:28px; font-size:12px;} .foot-lx ul li i{ margin-right:6px; width:16px; text-align:center; } .foot-lx .fot-ewm{ margin-top:10px;} .foot-lx .fot-ewm img{ width:80px;} .foot-fenx .bdsharebuttonbox{ height:36px;} .foot-fenx .bdsharebuttonbox a{ background:url(../images/kb.png); font-size:20px !important; width:20px; height:40px; line-height:40px; padding:0; margin:0 15px;color:#444;} .foot-fenx .bdsharebuttonbox a i{pointer-events: none;} .foot-fenx .bdsharebuttonbox a i.am-icon-qq{ font-size:17px;} .foot-fenx .bdsharebuttonbox a i.icon-baidu{ font-size:20px;} .foot-zxzx{ height:60px; margin-top:10px; border-bottom:1px solid #719ff1; position:relative;} .foot-zxzx a{ display:block; width:60px; height:60px; background:#719ff1; text-align:center; color:#fff; border-radius:50%; font-size:14px; padding:10px; line-height:20px; position:absolute; right:0; top:30px;transition: all .3s linear;} .foot-zxzx a:hover{ background:#444;} .copyright{ margin-top:60px; font-size:12px; color:#595757;} .copyright a{ color:#595757; margin-left:5px;} .copyright a:hover{color:#719ff1;} /* 弹窗客服 */ .layer-qq{display:none;animation:layerqq .7s ease-out;position: fixed;left:50%;top: 50%;color:#fff;width:480px;height:282px; background:rgba(113,159,241,.9); z-index: 1001;overflow: hidden;} .layer-qq:after{ content:""; display:block; position:absolute; border:2px solid #fff; width:560px; height:260px; top:10px; left:10px; opacity:.8;} .layer-kefysys{width:84%;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); z-index:99; padding-left:50px;} .layer-qq h3{font-size: 32px;text-transform: uppercase;font-weight: normal;} .layer-qq strong{padding:5px 0px;display:block;font-size:16px; font-weight:normal;} .layer-qq .pt5{ font-size:21px;} .layer-qq .layer-lin{ text-align:right; margin-top:30px;} .layer-qq .layer-lin .qq-close{ padding:4px 12px; border:1px solid #fff; border-radius:4px; color:#fff; cursor:pointer;} .layer-qq .layer-lin .linkqq{ padding:4px 12px; background:#ffef00; border:1px solid #ffef00; border-radius:4px; color:#719ff1; margin-left:4px;} @-webkit-keyframes layerqq{from{-webkit-transform: scale(0);transform: scale(0);}to{-webkit-transform: scale(1);transform: scale(1);}} @keyframes layerqq{from{transform: scale(0);}to{transform: scale(1);}} .suspension{position:fixed;z-index:995;right:0;bottom:105px;width:80px;height:410px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:80px;height:80px;background-color:#719ff1;margin-bottom:2px;cursor:pointer;outline:none; text-align:center; border-radius:6px 0 0 6px;} .suspension .a img{ margin-top:12px;} .suspension .a span{ display:block; color:#fff; font-size:12px;} .suspension .a.active, .suspension .a:hover{background:#6094f1;} .suspension .d{ opacity:0; visibility:hidden; background:#fff;position:absolute;right:0;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); transition: all .3s linear; z-index:-1;} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:70px;} .suspension .d-qrcode{top:208px;} .suspension .d-dianhua{top:84px; width:180px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d.d-dianhua .arrow{ top:50%; margin-top:-4px;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:10px;} .suspension .d-qrcode p{font-size:12px;color:#93959c; margin:0;} .suspension .d-qrcode .qrcode-img img{ width:160px; margin:0;} .suspension .a-qrcode:hover .d-qrcode{ opacity:1; visibility:inherit;right:87px;} .suspension .d-dianhua .inner-box{padding:10px;} .suspension .d-dianhua .inner-box{ color:#444; text-align:left; padding-left:15px;} .suspension .d-dianhua .inner-box strong{ font-size:20px;} .suspension .a-dianhua:hover .d-dianhua{ opacity:1; visibility:inherit;right:87px;} /* 内页通栏 */ .nyboox{width:100%; height:420px; overflow:hidden;} .nyban{width:100%; height:420px; overflow:hidden; position:relative; color:#fff; display: table;} .nybanner{ width:100%; height:420px; position:absolute; left:0; top:0; background-repeat: no-repeat; background-position:center; background-size: cover; color:#fff;/*-webkit-animation: bgzoom 2s linear forwards; -o-animation: bgzoom 2s linear forwards; animation: bgzoom 2s linear forwards;*/} .nyban .txt{ text-align:center; position:relative; z-index:99;display: table-cell; vertical-align: middle;} .nyban .txt h2{ font-size:40px; font-weight:normal; margin-bottom:10px;} .nyban .txt p{ font-size:20px;white-space: pre-wrap;word-wrap: break-word;} .productbg .nyban .txt{ text-align:center; top:-40px;} @-webkit-keyframes bgzoom{0%{ transform: scale(1); -webkit-transform: scale(1); }100%{ transform: scale(1.1);-webkit-transform: scale(1.1); }} @-o-keyframes bgzoom{0%{ transform: scale(1); -webkit-transform: scale(1); }100%{ transform: scale(1.1);-webkit-transform: scale(1.1); }} @-moz-keyframes bgzoom{0%{ transform: scale(1); -webkit-transform: scale(1); }100%{ transform: scale(1.1);-webkit-transform: scale(1.1); }} @keyframes bgzoom{0%{ transform: scale(1); -webkit-transform: scale(1); }100%{ transform: scale(1.1);-webkit-transform: scale(1.1); }} /* 内页产品列表 */ .nypro-box{ position:relative;} .ny-proser{ background:#f9f9f9; height:94px; margin-top:-94px; position:relative; text-align:center; z-index:100;} .ny-proser h2{ display:inline-block; font-size:24px; font-weight:normal; position:relative; top:28px;} .ny-proser .secpro{ width:280px;position:relative; display:inline-block;top:20px; margin-left:10px;} .ny-proser .secpro .am-form-field{ background:none; border-left:none;border-right:none;border-top:none;outline:none; border-bottom:2px solid #333; font-size:12px;box-shadow: none; } .ny-proser .secpro .spbtn{position:absolute; right:5px; top:0; border:none; background:none;outline:none; color:#333; z-index:1;} .ny-proser .secpro .am-form-field:-moz-placeholder,.ny-proser .secpro .am-form-field::-moz-placeholder,.ny-proser .secpro .am-form-field::-webkit-input-placeholder,.ny-proser .secpro .am-form-field:-ms-input-placeholder{ font-weight:bold; opacity:1; font-size:18px;} .nypro-list{ margin-top:50px; position:relative; margin-bottom:50px; margin-left:-10px; margin-right:-10px;} .nypro-list ul li{ padding:10px;} .nypro-list ul li a{ display:block; position:relative; background:#f4f4f4; border-top:4px solid #719ff1; height:250px;} .nypro-list ul li a h3{ font-size:20px; font-weight:normal; position:absolute; width:80%; left:10%; top:20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#444;} .nypro-list ul li a .thumb{ text-align:center; line-height:250px;} .nypro-list ul li a .thumb img{ width:220px;} .nypro-list ul li a:before{ content:""; display:block; width:0; height:4px; background:#444; position:absolute; left:0; top:-4px;transition: all .3s linear; } .nypro-list ul li a:hover:before{ width:100%;} .nypro-list ul li a .am-icon{ position:absolute; left:10%; bottom:20px;} .nypro-list ul li a span{ width:38px; height:38px; position:absolute; right:5px; top:5px;} /* 内页产品详情 */ .ny-weizhi{ width:100%; height:80px; line-height:80px; font-size:14px; background-repeat: no-repeat; background-position:center; background-size: cover; color:#cfcec8; position:relative;} .ny-weizhi a{ color:#fff;} .ny-weizhi .am-container{ z-index:3; position:relative;} .ny-weizhi:after{ content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,.51)} .product-content{ position:relative;} .product-content:before{ content:""; display:block; width:40%; height:100%; position:absolute; left:0; top:0; background:#f4f4f4; z-index:-1;} .sidebar{ width:300px; float:left;} .prol-class{ padding-top:45px;} .prol-class h2{ font-size:21px; font-weight: bold;} .prol-class .am-accordion-basic{ margin:5px 50px 0 0;} .prol-class .am-accordion-basic .am-accordion-title{ font-size:18px; font-weight:200; border-bottom:2px solid #bebebe; height:44px; color:#77777b; position:relative;} .prol-class .am-accordion-basic .am-active .am-accordion-title{ border-bottom:none; color:#719ff1} .prol-class .am-accordion-basic .am-accordion-title:before{ position:absolute; right:6px; top:50%; margin:-3px 0 0 0;content: "\f067"; font-size:12px; font-weight:normal;} .prol-class .am-accordion-basic .am-active .am-accordion-title:before{content: "\f068";transform:none;} .prol-class .am-accordion-basic .am-accordion-content .side-ue li{ line-height:36px; font-size:14px;} .prol-class .am-accordion-basic .am-accordion-content .side-ue li.active a{ color:#719ff1;} .prol-ly{ margin-top:100px; margin-bottom:50px; padding-right:20px;} .prol-ly h3{ font-size:18px; color:#404040; font-weight:normal; margin-bottom:20px;} .prol-ly .pro-form .am-form-field{ font-size:14px; margin-bottom:8px; background:none;border-radius:4px;} .prol-ly .pro-form .am-form-field.uename{ width:49%; float:left;} .prol-ly .pro-form .am-form-field.uemobile{ width:49%; float:right;} .prol-ly .pro-form .am-btn-secondary{ font-size:14px; background:#719ff1; padding:4px 20px; border-radius:4px; margin-top:20px;} .prol-zxbtn{ margin-top:30px; height:28px; width:170px; } .prol-zxbtn a{ height:28px; line-height:28px; font-size:12px; padding-left:20px; border:1px solid #719ff1; display:inline-block; overflow:hidden; width:170px; background:#719ff1; color:#fff; position:relative; border-radius:4px;} .prol-zxbtn a i{ width:30px; height:28px; line-height:28px; display:block; position:absolute; right:0; top:0; background:#fff; text-align:center; } .prol-zxbtn a i img{ max-width:18px; } .product-body{ width:780px; float:right; background:#fff; min-height:980px; padding:50px 0 30px 30px;} .product-body .propic{ background:#f5f5f5; text-align:center;} .product-body .propic img{ max-width:100%;} .product-body .pro-header{ padding:50px 0; position:relative;} .product-body .pro-header h2{ font-size:30px; font-weight:normal; position:relative;} .product-body .pro-header h2:after{ content:""; display:block; width:60px; height:4px; background:#444; margin-top:15px;} .product-body .pro-header .down{ position:absolute; right:0; top:50px;} .product-body .pro-header .down a{width:200px; display:block; padding:20px 15px; background:#444; color:#fff; height:84px; overflow:hidden;} .product-body .pro-header .down a i{ width:40px; height:40px; line-height:40px; font-size:40px; float:left; margin-right:10px;} .product-body .pro-header .down a:hover{ background:#719ff1;} .pro-article p{ margin:5px 0;} .pro-article img{ max-width:100%;} /* 内页案例列表 */ .nycase-box{ padding:50px 0;} .case-side{ width:280px; float:left;} .case-side h2{ font-size:24px; font-weight:normal; margin-bottom:30px;} .case-side ul li{ height:48px; line-height:48px; font-size:14px;} .case-side ul li a{ display:block;} .case-side ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;height: auto;transition: .6s;} .case-side ul li a:hover,.case-side ul li.active a{ color:#719ff1;} .case-side ul li a:hover img,.case-side ul li.active a img{-webkit-filter: inherit;-moz-filter: inherit;-ms-filter: inherit;-o-filter: inherit;filter: inherit;filter: inherit;} .case-side.lefpro{ margin-top:40px; margin-bottom:40px; width:200px;} .nycase-list.listpro{ margin-top:40px;width: 880px;} .nycase-list.listpro ul li a i{ height:200px; background:#f3f3f3;} .nycase-list.listpro ul li a i img{ height:200px;} .nycase-list{ width:790px; float:right;} .nycase-list ul{ position:relative; margin-left:-10px; margin-right:-10px;} .nycase-list ul li{ padding:10px;} .nycase-list ul li a{ display:block; border:1px solid #dfdfdf; padding:10px;} .nycase-list ul li a i{ display:block; height:150px; overflow:hidden;} .nycase-list ul li a i img{ max-width:100%; height:150px;transition: .6s .05s;} .nycase-list ul li a:hover img{transform: scale(1.1);} .nycase-list ul li a span{ display:block; padding-top:8px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .sb-cpfw{ padding:60px 0; background:url(../images/cabg.jpg)} .sb-ctit{ text-align:center; position:relative;} .sb-ctit:after{ content:""; display:block; width:100px; height:2px; background:#e46b00; margin:8px auto;} .sb-ctit h2{ font-size:32px;} .sb-ctit span{ font-size:14px;} .sbcpfw-list { margin-top:50px;} .sbcpfw-list ul li{ margin-bottom:20px;} .sbcpfw-list ul li .thumb{ width:160px; height:160px; border:1px solid #ddd; border-radius:50%; overflow:hidden; text-align:center;} .sbcpfw-list ul li .thumb img{ max-height:100%; margin:0 -50%;} .sbcpfw-list ul li .txt h3{ font-size:24px; color:#6e97ef; font-weight:normal; margin-bottom:15px; padding-top:15px;} .sbcpfw-list ul li .txt p{ font-size:14px; color:#333;white-space: pre-wrap;word-wrap: break-word;} .sbcpfw-list ul li:nth-child(1){ width:47%; float:left;} .sbcpfw-list ul li:nth-child(1) .thumb{ float:right;} .sbcpfw-list ul li:nth-child(1) .txt{ float:left; width:64%; text-align:right;} .sbcpfw-list ul li:nth-child(2){ width:47%; float:right;} .sbcpfw-list ul li:nth-child(2) .thumb{ float:left;} .sbcpfw-list ul li:nth-child(2) .txt{ float:right; width:64%; text-align:left;} .sbcpfw-list ul li:nth-child(3){ width:47%; float:left;} .sbcpfw-list ul li:nth-child(3) .thumb{ float:left;} .sbcpfw-list ul li:nth-child(3) .txt{ float:right; width:64%; text-align:left;} .sbcpfw-list ul li:nth-child(4){ width:47%; float:left;} .sbcpfw-list ul li:nth-child(4) .thumb{ float:right;} .sbcpfw-list ul li:nth-child(4) .txt{ float:left; width:64%; text-align:right;} .sbcpfw-list ul li:nth-child(6){ text-align:center;} .sbcpfw-list ul li:nth-child(6) .thumb{ margin:0 auto;} .sb-cgal{ padding:60px 0; background:url(../images/cacpbg.jpg) center no-repeat; background-size:cover;} .sb-cgal .sb-ctit h2{ font-size:32px; color:#fff;} .sb-cgal .sb-ctit span{ font-size:14px; color:#aaa;} .slidecase { margin-top:50px; position:relative;} .slidecase .prev{ font-size:36px; position:absolute; left:0; top:50%; color:#b3b3b3; margin-top:-29px;} .slidecase .next{ font-size:36px; position:absolute; right:0; top:50%; color:#b3b3b3;margin-top:-29px;} .slidecase .bd{ max-width:1000px; margin:0 auto;} .slidecase .bd ul li .txt{ padding:30px 10%; background:rgba(255,255,255,.4); color:#fff; border-top:4px solid #ffda39; min-height:130px; margin-bottom:30px; position:relative;} .slidecase .bd ul li .txt:after{ content:""; display:block; position:absolute; left:50%; margin-left:-10px; bottom:-14px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 14px solid rgba(255,255,255,.4);;} .slidecase .bd ul li .img{ text-align:center;} .slidecase .bd ul li .img .thumb{ width:120px; height:120px; border-radius:50%; border:1px solid #fff; margin:0 auto;} .slidecase .bd ul li .img .thumb i{ width:100px; height:100px; border-radius:50%; overflow:hidden; display:block; margin:10px auto; text-align:center;} .slidecase .bd ul li .img .thumb i img{ max-width:100%; min-height:100px; margin:0 -50%;} .slidecase .bd ul li .img h3{ font-size:15px; font-weight:normal; color:#fff; margin-top:15px;} .sb-caseshow{ padding:30px 0;} .sbcasebox{ margin-top:30px;} .sbcasebox .hd{ margin-bottom:20px;} .sbcasebox .hd ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;height: auto;transition: .6s;} .sbcasebox .hd ul li.on img{-webkit-filter: inherit;-moz-filter: inherit;-ms-filter: inherit;-o-filter: inherit;filter: inherit;filter: inherit;} .sbcasebox .hd ul li.on a{color: #719ff1;} .sb-caseshow .am-tabs-nav{ margin-bottom:30px;} .sb-caseshow .am-tabs-nav li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;height: auto;transition: .6s;} .sb-caseshow .am-tabs-nav li.am-active img{-webkit-filter: inherit;-moz-filter: inherit;-ms-filter: inherit;-o-filter: inherit;filter: inherit;filter: inherit;} .sb-caseshow .am-tabs-nav li.am-active a{color: #719ff1;} .sb-caseshow .am-tabs-bd{ border:none} .sb-caseshow .am-tabs-bd .swiper-slide .item{} .sb-caseshow .am-tabs-bd .swiper-slide .item i{ width:30%; display:block; float:left; max-height:110px; overflow:hidden;} .sb-caseshow .am-tabs-bd .swiper-slide .item .txt{ width:67%; float:right; text-align:right; padding-right:20px;} .sb-caseshow .am-tabs-bd .swiper-slide .item i img{ max-width:100%;} .sb-caseshow .am-tabs-bd .swiper-slide .item h3{ font-size:16px; font-weight:normal; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .sb-caseshow .am-tabs-bd .swiper-slide .item span{ font-size:12px; color:#999; display:block;text-align:left; margin-bottom:10px;} .sb-caseshow .am-tabs-bd .swiper-slide .item p{ font-size:14px; color:#666;white-space: pre-wrap;word-wrap: break-word;text-align:left;} .sb-caseshow .am-tabs-bd .swiper-slide .item b{ display:inline-block; font-size:12px; padding:4px 10px; font-weight:normal; color:#719ff1; border:1px solid #719ff1;} .sb-caseshow .am-tabs-bd .swiper-pagination{ bottom:0;} .sb-caseshow .swiper-container{ padding-bottom:40px;} .sb-caseshow .swiper-pagination-bullet{ width:10px; height:10px; background:rgba(0,0,0,.5);margin: 0 8px;} .sb-caseshow .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;} .nycasecontent{ width:74%; float:right; padding-left:30px; padding-top:30px;background: #fff;min-height: 980px; overflow:hidden;} .nycase-boxx .case-side{ padding-top:30px;} .nycasecontent .cahear h3{ font-size:22px; font-weight:normal;} .nycasecontent .cahear p{ font-size:16px; margin-bottom:20px;} .xmsycp{ margin-top:30px; padding-bottom:20px;} .xmsycp h3{ font-size:22px; font-weight:normal; margin-bottom:20px;} .xmsycp ul li{ padding:10px;} .xmsycp ul li a{ display:block;} .xmsycp ul li a i{ width:100%; display:block; overflow:hidden; background:#eee; padding:10px;} .xmsycp ul li a i img{ max-width:100%;} .xmsycp ul li a p{ font-size:14px; color:#666; margin-bottom:6px; margin-top:6px;} .xmsycp ul li a p font{ font-size:12px;} .xmsycp ul li a span{ display:inline-block; font-size:12px; border-bottom:2px solid #719ff1; color:#666;} .xmsycp ul li a span:hover{color:#719ff1;} .sb-hzhb{ padding:50px 0; background:#f4f4f4;} .sb-hzhb ul{ margin-top:20px;} .sb-hzhb ul li{ padding:10px;} .sb-hzhb ul li a{ display:block; text-align:center; background:#fff;} /* 分页样式 */ .page{ text-align:center; margin-bottom:20px; margin-top:20px; font-size:14px;} .page a{ display:inline-block; font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:2px;border:1px solid #898989; margin:0 2px; background:#fff; } .page a:first-child,.page a:last-child{font-family:"宋体"} .page a.active{ background:#719ff1; border-color:#719ff1; color:#FFF;} /* 内页新闻列表 */ .nynew-box{ padding:30px 0;} .nynew-list ul li { padding:20px 0; border-bottom:1px solid #d8d8d8} .nynew-list ul li:last-child{ border:none;} .nynew-list ul li a:after,.nynew-list ul li a:before{ content:""; display:block; clear:both;} .nynew-list ul li a{ display:block; background:#f4f4f4; position:relative; padding:20px 30px;} .nynew-list ul li a i{ display:block; width:146px; height:90px; overflow:hidden; float:left; margin-right:15px;} .nynew-list ul li a i img{ max-width:100%;} .nynew-list ul li a h2{ font-size:14px; font-weight:normal; margin-bottom:15px;} .nynew-list ul li a p{ width:680px; font-size:12px; color:#77777b;} .nynew-list ul li a .date{ font-size:14px; color:#555558; position:absolute; right:30px; top:20px;} .nynew-list ul li a .more{ font-size:12px; color:#555558; position:absolute; right:30px; bottom:20px;} .nynew-list ul li a:hover{ background:#719ff1; color:#fff;} .nynew-list ul li a:hover p,.nynew-list ul li a:hover .date,.nynew-list ul li a:hover .more{ color:#fff;} .newbocy-header{ background:#f4f4f4; padding:30px 50px;} .newbocy-header .date{ line-height:34px; margin-right:50px; font-size:12px; color:#999;} .newbocy-header .date strong{ display:block; font-size:48px;} .newbocy-header .date span{ font-size:12px; display:inline-block; margin-right:15px;} .newbocy-header .date span i{ margin-right:4px;} .newbocy-header h1{ font-size:21px; font-weight:normal; height:60px; line-height:60px; overflow:hidden;} .npb{ border-top:1px dashed #eee;border-bottom:1px dashed #eee; padding:20px 0; margin-top:20px; margin-bottom:20px;} .xgnew .xgntit{ font-size:18px; font-weight:bold; margin-bottom:15px;} .xgnew .xgnewlist ul li{ line-height:28px;} /* 内页我们是谁 */ .nyabout-box{ padding:50px 0;} .nyrongyu-box{ padding:50px 0; background:#f4f4f4} .nyrongyu-box .ry-l{ width:540px; float:left; text-align:center;} .nyrongyu-box .ry-r{ width:380px; float:right;} .nyrongyu-box .ry-r h2{ font-size:24px; color:#719ff1; margin-bottom:30px;} .nyrongyu-box .ry-r .rybb{ line-height:50px;} /* 内页联系我们 */ .nycontact{ padding:50px 0;} .nycontact .nylx1{ width:670px;} .nycontact .nylx1 h3{ font-size:14px; font-weight:normal; margin-bottom:20px;} .nycontact .nylx1 h2{ height:40px; line-height:40px; background:url(../images/icon_tel.png) 0 center no-repeat; padding-left:34px; font-size:24px;} .nycontact .nylx2{ width:320px; line-height:26px;} .nycontact .nylx2 h3{ font-size:14px; font-weight:normal;} .nycontact .nylx2 p{ font-size:12px;} .nycontact .lxmap{ width:670px; margin-top:50px;} .nycontact .lxmap .uedz{ height:30px; line-height:30px; margin-top:15px; display:block; background:url(../images/icon_dz.png) 0 center no-repeat; padding-left:38px;} .ue-map{ width:100%; height:330px; margin-top:15px; font-size:14px;} .ue-map img{ max-width:inherit;} .ue-map h4{ margin:0; font-size:16px; margin-bottom:10px; font-weight:normal;} .ue-map p{ margin:0;} .nycontact .nylx3{ width:320px;} .nycontact .nylx3 .prol-ly{ margin-top:50px;} .nylxewm{ position:relative;} .nylxewm img{ display:block; float:left; width:82px;} .nylxewm p{ position:absolute; left:90px; bottom:0;} /* 植筋胶 */ .section{ background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;} .section img{ max-width:100%;} .zjj1{ height:770px;} .zjj1 .txt{ padding-top:20%;} .zjj1 .txt h2{ font-size:48px; font-weight:normal; margin-bottom:25px;color:#555558;} .zjj1 .txt h2 font{ color:#7a906f;} .zjj1 .txt p{white-space: pre-wrap;word-wrap: break-word; font-size:18px; color:#555558;} .zjj1 .txt span{ display:inline-block; height:30px; font-size:14px;color:#7a906f; border-bottom:2px solid #7a906f; margin-top:60px;} .zjj2{ padding-top:50px;} .zjj2 .txt{ width:70%; text-align:center; margin-top:80px;color:#555558;} .zjj2 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:35px;color:#555558;white-space: pre-wrap;word-wrap: break-word;} .zjj2 .txt h2 font{color:#7a906f;} .zjj2 .txt p{ font-size:18px;} .zjj2 .txt span{ display:inline-block; margin-top:100px;} .zjj2 .pic{ width:30%;} .zjj3{background:#30554b;background: -webkit-linear-gradient(top,#30554b,#4a6e64); background: -moz-linear-gradient(top,#30554b,#4a6e64); background: -webkit-gradient(linear, top, bottom,from(#30554b),to(#4a6e64)); background: linear-gradient(top,#30554b,#4a6e64); background: -ms-linear-gradient(top,#30554b,#4a6e64); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#30554b, endColorstr=#4a6e64);} .zjj3 .pic{ width:30%;} .zjj3 .txt{ width:70%; text-align:center; color:#fff;} .zjj3 .txt h2{ font-size:40px; font-weight:normal; margin-top:100px;} .zjj3 .txt p{ font-size:18px; margin-top:30px;} .zjj3 .txt ul li{ margin-top:60px;} .zjj3 .txt ul li h3{ font-size:18px; font-weight:normal;} .zjj3 .txt ul li span{ font-size:12px;} .zjj4{ height:725px;} .zjj4 .txt{ width:50%; padding-left:100px; margin-top:18%;} .zjj4 .txt h2{ font-size:40px; color:#a7cf4d;position: relative; font-weight:normal;} .zjj4 .txt h2:before{content: attr(text);position: absolute;z-index: 10;color:#7c926e;-webkit-mask:linear-gradient(to left, #7c926e, transparent );} .zjj4 .txt span{ font-size:18px; margin-top:20px; display:block;color:#555558;} .zjj4 .txt strong{ font-size:18px; font-weight:normal; color:#fff; margin-top:50px; display:inline-block; padding:4px 20px;background:#a7cf4d;background: -webkit-linear-gradient(left,#a7cf4d,#7c926e); background: -moz-linear-gradient(left,#a7cf4d,#7c926e); background: -webkit-gradient(linear, left, right,from(#a7cf4d),to(#7c926e)); background: linear-gradient(left,#a7cf4d,#7c926e); background: -ms-linear-gradient(left,#a7cf4d,#7c926e); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#a7cf4d, endColorstr=#7c926e);} .zjj4 .txt p{ font-size:14px; margin-top:50px;color:#555558;} .zjj5{ background:#f3f3f3; text-align:center; padding-top:80px;} .zjj5 h2{ font-size:40px; font-weight:normal;} .zjj5 p{ font-size:18px; max-width:790px; margin:30px auto 20px auto; color:#555558;} .zjj6{ background:#3a3836; padding:60px 0 50px 0;} .zjj6 .txt{ text-align:center; color:#fff;} .zjj6 .txt h2{ font-size:40px; font-weight:normal;} .zjj6 .txt p{ font-size:18px; margin-top:15px;} .zjj-case{ margin-top:50px; position:relative; margin-left:-3px; margin-right:-3px;} .zjj-case ul li{ padding:3px;} .zjj-case ul li a{ display:block; overflow:hidden; position:relative; height:168px;} .zjj-case ul li a span{ position:absolute; right:0; bottom:0; padding:4px 10px 4px 20px;background: linear-gradient(to right, rgba(138,166,109,0), rgba(138,166,109,1)); font-size:12px; color:#fff;} .zjj-case ul li a img{transition: all .3s ease-out 0s!important;} .zjj-case ul li a:hover img{transform: scale(1.1);} .zjj7{ background:#f3f3f3; padding:80px 0;} .zjj7 .zjj-ctx{ width:48%;} .zjj7 .zjj-ctx h2{ font-size:24px; font-weight:normal; color:#7a906f; height:60px; border-bottom:1px solid #333;} .zjj7 .zjj-ctx ul{ margin-top:30px;} .zjj7 .zjj-ctx ul li{ line-height:36px; font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .zjj7 .zjj-ctx ul li a{ display:block; position:relative; padding-left:20px;} .zjj7 .zjj-ctx ul li a:before{ content:""; display:block; position:absolute; width:8px; height:8px; border-radius:50%; background:#555558; left:0; top:50%; margin-top:-4px;} .zjj7 p{ font-size:21px; margin-top:30px;} .zjj8{ padding:40px 0;} .zjj8 .txt{ width:70%; padding-left:100px;} .zjj8 .txt h2{ font-size:40px; font-weight:normal; margin-top:50px;} .zjj8 .txt p{ font-size:18px; color:#555558; margin-top:20px;} .zjj8 .am-table{ font-size:18px; margin-top:50px; color:#555558;} .zjj8 .am-table-centered>tbody>tr>td{ text-align:left; padding-left:20px;} .zjj9{ background:#17191b; padding:80px 0; color:#fff; text-align:center;} .zjj9 h2{ font-size:40px; font-weight:normal; margin-bottom:30px;} .zjj10{ background:#fafafa; padding:80px 0; text-align:center; } .zjj10 h2{ font-size:40px; font-weight:normal; margin-bottom:30px;} .zjj11{ background-color:#f3f2ed; height:706px;} .zjj11 .txt{ width:44%; padding-left:100px; margin-top:14%;} .zjj11 .txt h2{ font-size:40px; font-weight:normal;} .zjj11 .txt p{ font-size:18px; color:#555558; margin-top:30px;} .zjj11 .txt .song{ position:relative; margin-top:50px;} .zjj11 .txt .song i{ width:90px; height:90px; display:block; text-align:center; line-height:64px; font-weight:normal; color:#fff; font-style:normal; font-size:36px; background:#7a906f; border-radius:50%; border:10px solid #b6c1ae;} .zjj11 .txt .song b{ font-weight:normal; position:absolute; bottom:10px; left:100px;} .zjj11 .txt span{ font-size:14px; color:#717171; margin-top:20px; display:block;} .zjj12{background-color:#5d5e61; height:662px;} .zjj12 .txt{ width:40%; margin-top:10%; color:#fff;} .zjj12 .txt h2{ font-size:40px; font-weight:normal;} .zjj12 .txt span{ font-size:24px; color:#c7c8c8;} .zjj12 .txt p{ font-size:18px; margin:40px 0;} .zjj13{ background:#c9ad97; padding:50px 0;} .zjj13 .txt{ width:38%; color:#fff; margin-top:10%;} .zjj13 .txt h2{ font-size:40px; font-weight:normal;} .zjj13 .txt p{ font-size:18px; margin-top:20px;} .zjj13 .txt span{ display:inline-block; margin-top:80px; width:180px; height:52px; line-height:52px; text-align:center; border:1px solid #fff; font-size:24px; position:relative;} .zjj13 .txt span:before{ content:""; display:block; position:absolute; width:170px; border:1px solid #fff; left:4px; height:42px; top:4px;} .zjj14{ padding:40px 0;} .zjj14 .txt{ width:40%; margin-top:50px;} .zjj14 .txt h2{ font-size:40px; font-weight:normal;} .zjj14 .txt p{ font-size:18px; color:#555558; margin:15px 0 30px 0;} .zjj14 .txt a{ font-size:18px; color:#7a906f; margin-top:30px; display:block;} .cansutable .am-table{ margin-bottom:.6rem;} .cansutable .am-table>tbody>tr>td{line-height: 1;padding: .5rem .68rem;} .cansutable2 .am-table-bordered{border: 1px solid #999;border-left: none; border-top:none;} .cansutable2 .am-table-bordered>tbody>tr>td{ border-left: 1px solid #999;border-top: 1px solid #999;} .beizhu{ text-align:left;} /* 植筋胶 */ .dqwb1{ height:700px;} .dqwb1 .txt{ width:55%; margin-top:22%; color:#fff; float:right;} .dqwb1 .txt h2{ font-size:40px; font-weight:normal;} .dqwb1 .txt p{ font-size:21px; margin-top:15px;} .dqwb2{ height:850px; position:relative;} .dqwb2 .txt{ text-align:center; color:#fff; padding-top:15%;} .dqwb2 .txt h2{ font-size:40px; font-weight:normal;} .dqwb2 .txt h2 b{ font-style:normal; font-weight:bold; margin-right:10px; font-family:"Impact"; font-size:72px; position:relative; bottom:-5px;} .dqwb2 .txt p{ font-size:21px; margin-top:15px;} .dwxx{ position:absolute; width:100%; height:190px; background:rgba(0,0,0,.8); bottom:0; left:0;} .dwxx ul{ margin-top:20px;} .dwxx ul li{ color:#fff; padding-left:60px; position:relative;} .dwxx ul li:after{ content:""; display:block; width:1px; height:70px; background:#fff; top:30%; right:0; position:absolute;} .dwxx ul li span{ font-size:24px;} .dwxx ul li span b{ font-size:70px; position:relative; bottom:-6px; margin-right:10px;font-family:"Impact";} .dwxx ul li:last-child:after{ display:none;} .dqwb3{ height:699px; background-color:#ededed;} .dqwb3 .txt{ width:45%; padding-top:12%; padding-left:100px;} .dqwb3 .txt h2{ font-size:40px; font-weight:normal;} .dqwb3 .txt p{ font-size:18px; margin-top:10px;} .dqwb3 .txt ul{ margin-top:50px;} .dqwb3 .txt ul li{ margin-bottom:30px;} .dqwb3 .txt ul li img{ display:block;} .dqwb3 .txt ul li span{ display:block; width:75px; text-align:center; margin-top:10px;} .dqwb4{ height:699px; } .dqwb4 .txt{ width:400px; float:right; margin-top:20%; color:#fff;} .dqwb4 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:20px;} .dqwb4 .txt p{ font-size:21px;} .dqwb5{ height:699px; } .dqwb5 .txt{ width:400px; margin-top:25%; color:#fff;} .dqwb5 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:20px;} .dqwb5 .txt p{ font-size:21px;} .dqwb6{ height:700px; } .dqwb7{ padding:80px 0; background-color:#719ff1;} .dqwb7 .txt{ text-align:center; color:#fff;} .dqwb7 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:10px;} .dqwb7 .txt p{ font-size:21px; margin-bottom:20px;} .dqwb8{ background:#e8e8e8; padding:80px 0; } .dqwb8 .txt{ text-align:center;} .dqwb8 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:30px;} .dqwb8 .txt p{ font-size:21px;} .dqwb8 .txt span{ display:block; font-size:21px; color:#3a8783; margin-top:60px;} .dqwb8 .txt span b{ font-size:60px; font-weight:normal; position:relative; margin-right:10px; bottom:-10px;} .dqwb9{ height:800px;} .dqwb9 .txt{ width:540px; float:right; margin-top:18%; color:#fff; text-align:center;} .dqwb9 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:30px;} .dqwb9 .txt p{ font-size:21px; margin-bottom:50px;} .dqwb7-1{height:800px;} .dqwb7-1 .txt{ width:47%; float:right; margin-top:12%;} .dqwb7-1 .txt h2{ font-size:68px; font-weight:normal; margin-bottom:20px; text-align:center;} .dqwb7-1 .txt .d7info{ width:309px; height:63px; background:url(../images/dqwb-7-tbg.png) center no-repeat; font-size:30px; font-weight:normal; text-align:center; margin:0 auto;} .dqwb7-1 .txt .d7ul{ margin-top:30px;} .dqwb7-1 .txt .d7ul ul li{ margin-bottom:30px;} .dqwb7-1 .txt .d7ul ul li i{ display:block; width:56px; height:60px; float:left; margin-right:15px; text-align:center;} .dqwb7-1 .txt .d7ul ul li p{ font-size:24px;} .dqwb7-1 .txt .d7xxcs{ text-align:center;} /* 化学锚栓 */ .hxms1{ height:634px; background-color:#f8fafe;} .hxms1 .txt{ padding-top:16%;} .hxms1 .txt h2{ font-size:48px; font-weight:normal; margin-bottom:25px;color:#555558;} .hxms1 .txt h2 font{ color:#7a906f;} .hxms1 .txt p{white-space: pre-wrap;word-wrap: break-word; font-size:18px; color:#555558;} .hxms1 .txt span{ display:inline-block; height:30px; font-size:14px;color:#7a906f; border-bottom:2px solid #7a906f; margin-top:60px;} .hxms-l{ height:680px;} .hxms-l .txt{ width:450px; float:right; margin-top:180px;} .hxms-l .txt h2{ font-size:48px; font-weight:normal; color:#555558} .hxms-l .txt p{white-space: pre-wrap;word-wrap: break-word; font-size:30px; color:#77777b; margin:38px 0;} .hxms-l .txt span { display:block; margin-bottom:30px;} .hxms-l .txt span a{ font-size:18px; color:#6f93a5;} .hxms-l .txt .hbtn{ display:inline-block; font-size:18px; padding:4px 40px; border-radius:30px; background:#6f93a5; color:#fff; } .hxms-l .txt .hbtn:hover{ background:#557a8c;} .hxms-r{ height:680px;} .hxms-r .txt{ width:450px; margin-top:180px;} .hxms-r .txt h2{ font-size:48px; font-weight:normal; color:#555558} .hxms-r .txt p{white-space: pre-wrap;word-wrap: break-word; font-size:30px; color:#77777b; margin:38px 0;} .hxms-r .txt span { display:block; margin-bottom:30px;} .hxms-r .txt span a{ font-size:18px; color:#6f93a5;} .hxms-r .txt .hbtn{ display:inline-block; font-size:18px; padding:4px 40px; border-radius:30px; background:#6f93a5; color:#fff; } .hxms-r .txt .hbtn:hover{ background:#557a8c;} .hxms4 .txt h2{ color:#fff} .hxms4 .txt p{ color:#fff;} .hxms6{ background:#6f93a5; padding:100px 0;} .hxms6 .txt{ text-align:center; color:#fff;} .hxms6 .txt h2{ font-size:48px; font-weight:normal; margin-bottom:10px;} .hxms6 .txt p{ font-size:18px;} .hxms6 .txt ul{ max-width:860px; margin:0 auto 0 auto;} .hxms6 .txt ul li{ margin-top:60px;} .hxms6 .txt ul li h3{ font-size:20px; font-weight:normal;} .hxms6 .txt ul li span{ font-size:14px;} .hxms7{ padding:100px 0;} .hxms7 .txt{ text-align:center;} .hxms7 .txt h2{ font-size:48px; font-weight:normal; color:#555558; margin-bottom:10px;} .hxms7 .txt p{ font-size:18px;} .hxms7 .picli{ margin-top:50px; position:relative; margin-left:-8px; margin-right:-8px;} .hxms7 .picli ul li{ padding:8px;} .hxms7 .picli ul li a{ display:block; overflow:hidden;} .hxms7 .picli ul li a img{ max-width:100%;} .hxms7 .picli ul li span{ display:block; width:100%; height:56px; line-height:56px; text-align:center; color:#fff; font-size:28px; background:#6f93a5 } .hxms8{ padding:100px 0; background:#cfdee2} .hxms8 h2{ font-size:48px; font-weight:normal; color:#555558; margin-bottom:50px;} .hxms8 .hx-cs{ width:46%;} .hxms8 .hx-cs>h3{ font-size:24px; font-weight:normal; color:#555558; margin-bottom:15px;} .hxms8 .hx-cs ul li:before,.hxms8 .hx-cs ul li:after{ content:""; display:block; clear:both;} .hxms8 .hx-cs ul li { font-size:14px; color:#555558; margin-bottom:6px;} .hxms8 .hx-cs ul li span{ width:20%; float:left; background:rgba(255,255,255,.5); height:46px; line-height:46px; border-radius:10px; display:block; padding-left:20px;} .hxms8 .hx-cs ul li p{ width:79%; float:right; background:rgba(255,255,255,.5); height:46px; line-height:46px; border-radius:10px; display:block; padding-left:20px;} .hxms8 .hx-cs>a{ margin-top:25px; display:block;} .hxms9{ height:660px;} .hxms9 .txt{ width:460px; float:right; margin-top:20%;} .hxms9 .txt h2{ font-size:48px; color:#fff; font-weight:normal; margin-bottom:10px;} .hxms9 .txt p{ font-size:30px; color:#cfcec8} .jh-list{ background:#f5f5f5} .jh-list .jhzl-tit{ font-size:24px; margin-bottom:20px;} .jhzl-li ul li{ line-height:36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .fuhe1{ height:800px; display:table; width:100%;} .fuhe1 .txt{ text-align:center; color:#fff; display:table-cell;vertical-align: middle; } .fuhe1 .txt h2{ font-size:68px; display:inline-block; background:rgba(62,62,62,.75); padding:0 20px; margin-bottom:20px;} .fuhe1 .txt p{ font-size:20px; margin-bottom:20px;} .fuhe1 .txt span{ display:inline-block; padding:6px 26px; border:2px solid #fff; border-radius:6px; background:#750000; font-size:30px; color:#fff;} .fuhe2{ height:600px;} .fuhe2 .txt{width: 410px;float: right;margin-top: 100px;} .fuhe2 .txt h2{ font-weight:normal; font-size:68px;} .fuhe2 .txt p{ font-size:30px; color:#666; margin-bottom:40px;} .fuhe2 .txt .fuhezx{ display:inline-block; padding:6px 10px; background:#9c0000; color:#fff; font-size:20px;border-radius:6px; } .fuhe2 .txt .fehtxt{ margin-top:40px;} .fuhe2 .txt .fehtxt span{ display:block; font-size:20px;} .fuhe2 .txt .fehtxt b{ display:block; font-weight:normal; font-size:12px; color:#999;} .fuhe3{ height:600px;} .fuhe3 .txt{ padding-left:80px;margin-top: 100px;} .fuhe3 .txt h2{ font-weight:normal; font-size:68px;} .fuhe3 .txt p{ font-size:30px; color:#666; margin-bottom:40px;} .fuhe3 .txt .fuhezx{ display:inline-block; padding:6px 10px; background:#9c0000; color:#fff; font-size:20px;border-radius:6px; } .fuhe3 .txt .fehtxt{ margin-top:40px;} .fuhe3 .txt .fehtxt span{ display:block; font-size:20px;} .fuhe3 .txt .fehtxt b{ display:block; font-weight:normal; font-size:12px; color:#999;} .fuhe4{ padding-bottom:60px;} .fuhe4 .f4title{ padding-top:100px;} .fuhe4 .txt{ margin-top:40px;} .fuhe4 .txt .finfo{ width:40%; float:left;} .fuhe4 .txt .finfo h3 i{ width:58px; height:58px; display:block; float:left; margin-right:4px; text-align:center;} .fuhe4 .txt .finfo h3 span{ font-size:30px; font-weight:normal; display:block; line-height:34px;} .fuhe4 .txt .finfo h3 b{ font-size:16px; font-weight:normal; color:#999;} .fuhe4 .txt .finfo p{ font-size:16px; margin-top:10px;} .fuhe4 .txt .finfo hr{ border-top: 1px dashed #666; margin:30px 0;} .fuhe4 .txt .fimg{ width:50%; float:right;} .fuhe4 .txt .fimg img{ border:20px solid #fff;} .fuhe4 .txt.txtfl .finfo{ float:right;} .fuhe4 .txt.txtfl .fimg{ float:left;} .fuhe5{ height:800px;} .fuhe5 .txt{ width:540px; float:right; margin-top:17%; color:#fff; text-align:center;} .fuhe5 .txt h2{ font-size:40px; font-weight:normal; margin-bottom:15px;} .fuhe5 .txt h3{ font-size:24px; font-weight:normal; margin-bottom:15px;} .fuhe5 .txt p{ font-size:21px; margin-bottom:30px;} .jsq{ background:url(../images/jsbg.jpg) center no-repeat; padding:70px 0;} .sz{ height:37px; color:red; text-align:left;} .jsq .am-table{ } .jsq .am-table td{ vertical-align:middle; text-align:center;} .jsq .am-table>thead>tr>th{ border-bottom:none; border-top:none; font-size:24px;} .jsqnot{ text-align:center;} .jsqhese{ text-align:center; font-size:32px; margin-bottom:30px;}